import React from "react";
import styles from './Carousel.module.css';
import { Image, Carousel as AntCarousel } from 'antd';

import carouselImage1 from '../../assets/images/carousel_1.jpg';
import carouselImage2 from '../../assets/images/carousel_2.jpg';
import carouselImage3 from '../../assets/images/carousel_3.jpg';

export const Carousel : React.FC = () => {
    return (
        <AntCarousel autoplay className={styles.slider}>
            <Image src={carouselImage1} />
            <Image src={carouselImage2} />
            <Image src={carouselImage3} />
        </AntCarousel>
    )
}